import React, { Component } from 'react'
import { createOrder } from '../../api/order';
export default class OrderSubmit extends Component {
    submit = () => {

        const { preOrderId, sum } = this.props.location.state;
        createOrder({
            "addressInfo": "联系信息(必须)",
            "allFee": sum,
            "discount": 0,
            "preOrderId": preOrderId
        }).then(res => {
            if (res.data.code === 666) {
                //跳转扫码支付页面
                this.props.history.push({
                    pathname: '/orderpay', state: { data: res.data.result }
                });
            }
        })
    }
    render() {
        console.log(this.props);
        // 商品列表的数据可以从后台获取
        const { cartList } = this.props.location.state;
        return (
            <div>
                {/*  
               
               订单确认页面

                添加或修改、删除想要配送的地址

                显示订单商品内容

                显示礼品内容

                显示 商品的总价格、运费、品券，是否包邮，是否开发票、积分兑换

                重新计算 需要支付的总价格 */}

                <h3>商品列表</h3>
                <ul>
                    {
                        cartList.map(item => <li key={item.id}>{item.name}</li>)
                    }
                </ul>

                <h3>微信扫码支付</h3>
                <button onClick={this.submit}>提交订单</button>
            </div>
        )
    }
}
